<!--
 * @Author: GYT
 * @Date: 2021-08-09 20:33:21
 * @LastEditTime: 2021-08-16 21:12:33
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: \Firstproject\html\starbucks-delivers-info.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>专送星</title>
  <link rel="stylesheet" href="css/commom.css">
  <link rel="stylesheet" href="css/starbucks-delivers-info.css">
</head>
<body >
  <div class='container'> <!--页面左边-->
    <!-- 左边顶部 -->
    <header class='header'>
        <a class='logo' href='/'>
        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
        </a>
        <div class='primary'>
            <ul>
                <li class='stores'>
                    <a class="store-s" href='#'>门店</a>
                </li>
                <li class='account'>
                    <a class="account-c" href='account.html'> 我的帐户</a>
                </li>
                <li class='menu'>
                    <a class="menu-m"  href='menu.html'>菜单</a>
                </li>
            </ul>
        </div>
        <a class='trigger' rel='nav-overlay'> 
          <button>
              <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-hamburger.svg'/>
          </button>
      </a> 
    </header>
    <!-- 左边下底部-->
    <div class="container-m">
        <div class="container-bottom">
            <div class="nav-d">专星送™</div>
        </div>
    </div>
  </div>

          <!-- 扩展 -->
          <div class="nav">
            <header class='header1'>
                <a class='logo' href='/'>
                <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/images/logo.svg' alt='星巴克'/>
                </a>
                <a class='trigger1' rel='nav-overlay'> 
                    <button>
                        <img src='https://www-static.chinacdn.starbucks.com.cn/prod/assets/icons/icon-close.svg'/>
                    </button>
                </a> 
            </header1>
            <div class="container-m1">
                <div class="container-bottom1">
                    <ul class="list">
                        <li> <a href="#">门店</a></li>
                        <li> <a href="#">星享俱乐部</a></li>
                        <li> <a href="menu.html">菜单</a></li>
                        <li> <a href="#">星巴克移动应用</a></li>
                        <li> <a href="#">星礼卡</a></li>
                        <li> <a href="starbucks-reserve.html">星巴克臻选<sup>TM</sup></a></li>
                        <li> <a href="starbucks-now.html">咖快<sup>TM</sup>&nbsp;-&nbsp;在线点 到店取</a></li>
                        <li> <a href="starbucks-delivers-info.html">专星送<sup>TM</sup></a></li>
                        <li> <a href="coffee-blog.html">咖啡星讲堂</a></li>
                        <li> <a href="#">上海烘焙坊</a></li>
                        <li> <a href="about.html">关于星巴克</a></li>
                        <li> <a href="help.html">帮助中心</a></li>
                    </ul>
                </div>
            </div>
        </div>
        <script>
          document.getElementsByTagName("button")[0].onclick=function(){document.getElementsByClassName("nav")[0].style.display="block",document.getElementsByClassName("container")[0].style.display="none";}
          document.getElementsByTagName("button")[1].onclick=function(){document.getElementsByClassName("nav")[0].style.display="none",document.getElementsByClassName("container")[0].style.display="block";}
      </script>



    
  <!--头部-->
  <div class="body">
  <header>
    <div>
      <img src="img/starbucks-delivers-info/banner.png" alt="" id="banner">
    </div><hr class="hr"><hr class="hr">
    <div>
      <ul id="xiala">
        <li class="one">态度<i class="fa fa-chevron-down" aria-hidden="true"></i>
          <ul id="taidu">
           <li >不送卡布奇诺</li>
           <li >30分钟承诺</li>
           <li >星级咖啡师</li>
           <li >封口贴</li>
          </ul> 
        </li>
        <li class="one">温度<i class="fa fa-chevron-down" aria-hidden="true"></i>
          <ul id="wendu">
            <li>冷盖</li>
            <li>热盖</li>
            <li>冷热分离箱</li>
          </ul>
        </li>
        <li class="one">深度<i class="fa fa-chevron-down" aria-hidden="true"></i>
          <ul id="shendu">
            <li>客制化</li>
          </ul>
        </li>
        <li class="one">浓度<i class="fa fa-chevron-down" aria-hidden="true"></i>
          <ul id="nongdu">
            <li>浓度</li>
          </ul>
        </li>
      </ul>
    </div>
  </header>
  <section>
    <!--轮播图-->
    <div class="lunbo">
      <img src="img/starbucks-delivers-info/lunbo.png" alt="" id="lunbo">
    </div>
    <!--地区-->
    <div class="diqu">
      <img src="img/starbucks-delivers-info/delivery_city.png" alt="" >
    
    </div>
    <div class="er">
      <ul >
       <li>下载最新版星巴克App</li>
       <li>即刻体验我们多一度的用心</li>
      </ul>
      <img src="img/starbucks-delivers-info//qrcode.png " alt=""  width="150px" height="150px">
      <img src="img/starbucks-delivers-info/people.png" alt="">
    </div>
    <hr class="hr"><hr class="hr">

  </section>
  <footer>
    <img src="img/starbucks-delivers-info/chatgirl.gif" alt="" >
    <img src="img/starbucks-delivers-info/faq.png" alt="">
    <div id="cha">
      <a href="https://www.starbucks.com.cn/help/starbucks-delivers/">查看更多</a>
    </div>
  </footer>

</div>
</body>
</html>